<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>地震局培训平台</title>
		<!--<link rel="stylesheet" href="bootstrap/css/bootstrap.css" />-->
		<link rel="stylesheet" href="style/main.css" />
		<link rel="stylesheet" href="style/policy.css" />
	</head>

	<body>
		<div id="info">
			<div class="info">
				<div class="newsbox">
					<!--消息滚动-->
					<div class="news nowrap">消息：欢迎加入地震应急志愿者培训平台，您是第123456位访问用户。</div>
				</div>
				<div class="infobox">
					<div class="name nowrap">zhangming</div>
					<div class="info_id nowrap">N.8784547</div>
					<div class="sign_out">退出</div>
				</div>
				<div class="leave_m">互动留言</div>
			</div>
		</div>
		<div id="show">
			<nav id="nav">
				<div class="top">
					<div class="logo"></div>
					<div class="seachbox">
						<input type="text" id="search" value="在线课堂搜索" />
						<div class="weibo codeIcon">
							<div class="first">
								<img src="image/weiboCode.png" />
							</div>
						</div>
						<div class="weixin codeIcon">
							<div class="first">
								<img src="image/weixinCode.png" />
							</div>
						</div>
					</div>
				</div>
				<div class="border">
					<ul class="nav">
						<li data-url="index">首页</li>
						<li data-url="news">新闻资讯</li>
						<!--<li data-url="story">志愿故事</li>-->
						<li class="team">志愿品牌
							<div class="first">
								<div data-url="story">志愿故事</div>
								<div data-url="team">志愿团体</div>
								<div data-url="star">志愿之星</div>
							</div>
						</li>
						<!--<li data-url="project">志愿项目</li>
						<li data-url="star">志愿之星</li>-->
						<li data-url="train">培训平台</li>
						<li class="in" data-url="policy">志愿政策</li>
					</ul>
				</div>
			</nav>
			<div id="content">
				<div class="left" style="width: 100%;">
					<div class="border"></div>
					<div class="titleus"></div>
					<ul class="list">
						<!--<li>
							<div class="text">陆士桢：发展中国特色志愿服务，促进社会文明进步	陆士桢：发展中国特色志愿服务，促进社会文明进步</div>
							<div class="time">2017-09-08</div>
						</li>
						<li>
							<div class="text">陆士桢：发展中国特色志愿服务，促进社会文明进步</div>
							<div class="time">2017-09-08</div>
						</li>
						
						<li>
							<div class="text">陆士桢：发展中国特色志愿服务，促进社会文明进步</div>
							<div class="time">2017-09-08</div>
						</li>
						<li>
							<div class="text">陆士桢：发展中国特色志愿服务，促进社会文明进步	陆士桢：发展中国特色志愿服务，促进社会文明进步</div>
							<div class="time">2017-09-08</div>
						</li>
						<li>
							<div class="text">陆士桢：发展中国特色志愿服务，促进社会文明进步</div>
							<div class="time">2017-09-08</div>
						</li>
						<li>
							<div class="text">陆士桢：发展中国特色志愿服务，促进社会文明进步	陆士桢：发展中国特色志愿服务，促进社会文明进步</div>
							<div class="time">2017-09-08</div>
						</li>
						<li>
							<div class="text">陆士桢：发展中国特色志愿服务，促进社会文明进步</div>
							<div class="time">2017-09-08</div>
						</li>
						<li>
							<div class="text">陆士桢：发展中国特色志愿服务，促进社会文明进步	陆士桢：发展中国特色志愿服务，促进社会文明进步</div>
							<div class="time">2017-09-08</div>
						</li>
						<li>
							<div class="text">陆士桢：发展中国特色志愿服务，促进社会文明进步</div>
							<div class="time">2017-09-08</div>
						</li>
						<li>
							<div class="text">陆士桢：发展中国特色志愿服务，促进社会文明进步</div>
							<div class="time">2017-09-08</div>
						</li>-->
					</ul>
					<div class="pagebox">
						<div class="pageborder"></div>
						<div class="numbox">
							<!--<div class="page">1</div>
							<div class="page in">2</div>
							<div class="page">3</div>-->
						</div>
					</div>
				</div>
				<!--<div class="right">
					<div class="border"></div>
					<div class="title"></div>
					<div class="storybox">
						<div class="box">
							<div class="img"></div>
							<div class="title1">撑起一片蓝天</div>
							<div class="title2">—— 关爱农民工子女志愿服务行动纪实</div>
							<div class="infobox">时间<span class="time">2018.04.20</span>人数<span>3.45万</span>次</div>
							<div class="text1">奥龙今天就要出院了！感谢这么多好心人的帮助，奥龙的心脏病能够这么快地发现并治愈。5月23日，北京大学人民医院心脏中心病房里</div>
							<div class="seebtn">查看详情</div>
						</div>
						<div class="box_border"></div>
						<div class="box">
							<div class="img"></div>
							<div class="title1">撑起一片蓝天</div>
							<div class="title2">—— 关爱农民工子女志愿服务行动纪实</div>
							<div class="infobox">时间<span class="time">2018.04.20</span>人数<span>3.45万</span>次</div>
							<div class="text1">奥龙今天就要出院了！感谢这么多好心人的帮助，奥龙的心脏病能够这么快地发现并治愈。5月23日，北京大学人民医院心脏中心病房里</div>
							<div class="seebtn">查看详情</div>
						</div>
					</div>
					<div class="morebox">
						<div class="moreborder"></div>
						<div class="btnbox">
							<div class="morebtn">更多>></div>
						</div>
					</div>
				</div>-->
				<!-- <div class="right">
					<div class="border"></div>
					<div class="title"></div>
					<ul class="article">
							<li><span class="text">北京市志愿服务指导中心召开2018年（上半年）“志愿者之星</span></li>
							<li><span class="text">北京市志愿服务指导中心召开2018年（上半年）“志愿者之星</span></li>
							<li><span class="text">北京市志愿服务指导中心召开2018年（上半年）“志愿者之星</span></li>
						</ul>
				</div> -->
			</div>
		</div>
		<div id="bottom">
			<ul class="border">
				<li>相关协作单位：</li>
				<li>中国红十字会</li>
				<li>中科院心理所</li>
				<li>中国地震信息网</li>
				<li>中国地震科普网</li>
				<li>北京市地震局科普网 </li>
				<li>科普网</li>
			</ul>
			<div class="bottom">
				<ul class="one">
					<li>设为首页</li>
					<li>交换链接</li>
					<li>关于我们</li>
					<li>联系我们</li>
					<li>常见问题</li>
					<li>心理教室</li>
					<li>党团建设</li>
				</ul>
				<ul class="two">
					<li>主办：北京市地震局</li>
					<li>版权所有 京ICP备08988239</li>
					<li>技术支持：中宣助力传媒</li>
				</ul>
			</div>
		</div>
		<script type="text/javascript" src="script/jquery.min.js"></script>
		<script type="text/javascript" src="script/ishoock.tools.js"></script>
		<script type="text/javascript" src="script/main.js"></script>
		<script>
		var URL="http://101.201.113.151:9230/";
			$(function() {
				getList();
				
//				getList2();
				$(".left").on("mouseover",".list li", function() {
					$(this).in();
				});
				$(".left").on("mouseout",".list li", function() {
					$(".left .list li").removeIn();
				});
				$(".right .img").on("mouseover", function() {
					$(this).in();
				});
				$(".right .img").on("mouseleave", function() {
					$(".right .img").removeIn();
				});
				$(".left").on("click",".list li", function() {
					window.location.href="details.html?id=4&policyId="+$(this).attr("data-id");
				});
				
				//点击页数
				$(".left .numbox").on("click",".page",function(){
					page=parseInt($(event.target).attr("data-id"));
					$(".left .numbox .page").removeIn();
					$(event.target).in();
					pageClick(page);
				})
				
			})
			function getList(){
				$.get(URL+"/volunteerPolicy/getVolunteerPolicy",{
					title:"",
					modelId:19,
					pageSize:10,
					page:page
				},function(Data){
					$(".left .list").empty();
					allpage=Data.allpage;
					prevpage=Data.prev;
					nextpage=Data.next;
					if(isLoad){
						Page();
					}
					var data=Data.result;
					var Length;
					if(page*10<data.length){
						Length=page*10;
					}else{
						Length=data.length;
					}
					var I=(page-1)*10;
					for(var i=I;i<Length;i++){
						var item='<li data-id="'+data[i].id+'">'
							+'<div class="text" style="width: 860px;">'+data[i].title+'</div>'
							+'<div class="time">'+data[i].createDate.substr(0,10)+'</div>'
						+'</li>';
						$(".left .list").append(item);
					}
				});
			}
			
		var page=1;//当前页数
		var allpage,prevpage,nextpage,isLoad=true;
			//加载页数
			function Page(){
				isLoad=false;
				var i_page;
				if(allpage>3){
					i_page=3;
				}else{
					i_page=allpage;
				}
				for(var i=0;i<i_page;i++){
					var item='<div class="page" data-id="'+(i+1)+'">'+(i+1)+'</div>';
					$(".pagebox .numbox").append(item);
					$(".pagebox .numbox").children().eq(0).in();
				}
			}
			
			//点击页数
			function pageClick(n){
				if(n<=allpage){
					if((n+1)<=allpage){
						$(".pagebox .numbox").children().eq(0).remove();
						var item='<div class="page" data-id="'+(n+1)+'">'+(n+1)+'</div>';
						$(".pagebox .numbox").append(item);
					}
					getList();
				}
			}
			
			function getList2(){
				$.get(URL+"/volunteerPolicy/getVolunteerPolicy",{
					title:"",
					modelId:20,
					pageSize:10,
					page:page
				},function(Data){
					$(".article").empty();
					var data=Data.result;
					for(var i=0;i<data.length;i++){
						var item='<li><span class="text"></span></li>';
						$(".left .list").append(item);
					}
				});
			}
		</script>
	</body>

</html>